﻿<UserControl
	xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
	xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
	xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
	xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
	mc:Ignorable="d"
	x:Class="TallyMarks.MarksUserControl" RenderTransformOrigin="0.5,0.5">

	<Canvas x:Name="LayoutRoot" Width="475" Height="480">
		<VisualStateManager.VisualStateGroups>
			<VisualStateGroup x:Name="CountingStates">
				<VisualStateGroup.Transitions>
					<VisualTransition GeneratedDuration="0">
						<VisualTransition.GeneratedEasingFunction>
							<CubicEase EasingMode="EaseInOut"/>
						</VisualTransition.GeneratedEasingFunction>
					</VisualTransition>
				</VisualStateGroup.Transitions>
				<VisualState x:Name="Tally1">
					<Storyboard>
						<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Visibility)" Storyboard.TargetName="TallyTwo">
							<DiscreteObjectKeyFrame KeyTime="0">
								<DiscreteObjectKeyFrame.Value>
									<Visibility>Collapsed</Visibility>
								</DiscreteObjectKeyFrame.Value>
							</DiscreteObjectKeyFrame>
						</ObjectAnimationUsingKeyFrames>
						<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Visibility)" Storyboard.TargetName="TallyThree">
							<DiscreteObjectKeyFrame KeyTime="0">
								<DiscreteObjectKeyFrame.Value>
									<Visibility>Collapsed</Visibility>
								</DiscreteObjectKeyFrame.Value>
							</DiscreteObjectKeyFrame>
						</ObjectAnimationUsingKeyFrames>
						<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Visibility)" Storyboard.TargetName="TallyFour">
							<DiscreteObjectKeyFrame KeyTime="0">
								<DiscreteObjectKeyFrame.Value>
									<Visibility>Collapsed</Visibility>
								</DiscreteObjectKeyFrame.Value>
							</DiscreteObjectKeyFrame>
						</ObjectAnimationUsingKeyFrames>
						<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Visibility)" Storyboard.TargetName="TallyFive">
							<DiscreteObjectKeyFrame KeyTime="0">
								<DiscreteObjectKeyFrame.Value>
									<Visibility>Collapsed</Visibility>
								</DiscreteObjectKeyFrame.Value>
							</DiscreteObjectKeyFrame>
						</ObjectAnimationUsingKeyFrames>
					</Storyboard>
				</VisualState>
				<VisualState x:Name="Tally2">
					<Storyboard>
						<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Visibility)" Storyboard.TargetName="TallyThree">
							<DiscreteObjectKeyFrame KeyTime="0">
								<DiscreteObjectKeyFrame.Value>
									<Visibility>Collapsed</Visibility>
								</DiscreteObjectKeyFrame.Value>
							</DiscreteObjectKeyFrame>
						</ObjectAnimationUsingKeyFrames>
						<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Visibility)" Storyboard.TargetName="TallyFour">
							<DiscreteObjectKeyFrame KeyTime="0">
								<DiscreteObjectKeyFrame.Value>
									<Visibility>Collapsed</Visibility>
								</DiscreteObjectKeyFrame.Value>
							</DiscreteObjectKeyFrame>
						</ObjectAnimationUsingKeyFrames>
						<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Visibility)" Storyboard.TargetName="TallyFive">
							<DiscreteObjectKeyFrame KeyTime="0">
								<DiscreteObjectKeyFrame.Value>
									<Visibility>Collapsed</Visibility>
								</DiscreteObjectKeyFrame.Value>
							</DiscreteObjectKeyFrame>
						</ObjectAnimationUsingKeyFrames>
					</Storyboard>
				</VisualState>
				<VisualState x:Name="Tally3">
					<Storyboard>
						<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Visibility)" Storyboard.TargetName="TallyFour">
							<DiscreteObjectKeyFrame KeyTime="0">
								<DiscreteObjectKeyFrame.Value>
									<Visibility>Collapsed</Visibility>
								</DiscreteObjectKeyFrame.Value>
							</DiscreteObjectKeyFrame>
						</ObjectAnimationUsingKeyFrames>
						<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Visibility)" Storyboard.TargetName="TallyFive">
							<DiscreteObjectKeyFrame KeyTime="0">
								<DiscreteObjectKeyFrame.Value>
									<Visibility>Collapsed</Visibility>
								</DiscreteObjectKeyFrame.Value>
							</DiscreteObjectKeyFrame>
						</ObjectAnimationUsingKeyFrames>
					</Storyboard>
				</VisualState>
				<VisualState x:Name="Tally4">
					<Storyboard>
						<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Visibility)" Storyboard.TargetName="TallyFive">
							<DiscreteObjectKeyFrame KeyTime="0">
								<DiscreteObjectKeyFrame.Value>
									<Visibility>Collapsed</Visibility>
								</DiscreteObjectKeyFrame.Value>
							</DiscreteObjectKeyFrame>
						</ObjectAnimationUsingKeyFrames>
					</Storyboard>
				</VisualState>
                <VisualState x:Name="Tally5" />
			</VisualStateGroup>
		</VisualStateManager.VisualStateGroups>
		<Rectangle x:Name="TallyOne" Width="34" StrokeThickness="6" RadiusX="5" RadiusY="5" Height="398" Canvas.Top="35" Canvas.Left="80">
			<Rectangle.Stroke>
				<SolidColorBrush Color="{StaticResource PhoneAccentColor}"/>
			</Rectangle.Stroke>
			<Rectangle.Fill>
				<SolidColorBrush Color="{StaticResource PhoneBackgroundColor}"/>
			</Rectangle.Fill>
		</Rectangle>
		<Rectangle x:Name="TallyTwo" StrokeThickness="6" RadiusX="5" RadiusY="5" Width="34" Height="398" Canvas.Left="174" Canvas.Top="35">
			<Rectangle.Stroke>
				<SolidColorBrush Color="{StaticResource PhoneAccentColor}"/>
			</Rectangle.Stroke>
			<Rectangle.Fill>
				<SolidColorBrush Color="{StaticResource PhoneBackgroundColor}"/>
			</Rectangle.Fill>
		</Rectangle>
		<Rectangle x:Name="TallyThree" Width="34" StrokeThickness="6" RadiusX="5" RadiusY="5" Height="398" Canvas.Left="272" Canvas.Top="35">
			<Rectangle.Stroke>
				<SolidColorBrush Color="{StaticResource PhoneAccentColor}"/>
			</Rectangle.Stroke>
			<Rectangle.Fill>
				<SolidColorBrush Color="{StaticResource PhoneBackgroundColor}"/>
			</Rectangle.Fill>
		</Rectangle>
		<Rectangle x:Name="TallyFour" Width="34" StrokeThickness="6" RadiusX="5" RadiusY="5" Height="398" Canvas.Left="366" Canvas.Top="35">
			<Rectangle.Stroke>
				<SolidColorBrush Color="{StaticResource PhoneAccentColor}"/>
			</Rectangle.Stroke>
			<Rectangle.Fill>
				<SolidColorBrush Color="{StaticResource PhoneBackgroundColor}"/>
			</Rectangle.Fill>
		</Rectangle>
		<Rectangle x:Name="TallyFive" StrokeThickness="6" RadiusX="5" RadiusY="5" RenderTransformOrigin="0.5,0.5" Height="536" Canvas.Left="224" Width="34" Canvas.Top="-28">
			<Rectangle.RenderTransform>
				<CompositeTransform Rotation="45"/>
			</Rectangle.RenderTransform>
			<Rectangle.Stroke>
				<SolidColorBrush Color="{StaticResource PhoneAccentColor}"/>
			</Rectangle.Stroke>
			<Rectangle.Fill>
				<SolidColorBrush Color="{StaticResource PhoneBackgroundColor}"/>
			</Rectangle.Fill>
		</Rectangle>
		<Rectangle StrokeThickness="0" Width="475" Height="480" Opacity="0">
			<Rectangle.Fill>
				<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
					<GradientStop Color="Black" Offset="0"/>
					<GradientStop Color="{StaticResource PhoneBackgroundColor}" Offset="1"/>
				</LinearGradientBrush>
			</Rectangle.Fill>
		</Rectangle>
	</Canvas>
</UserControl>